First Input Delay(FID)
https://web-dev.imgix.net/image/tcFciHGuF3MxnTr1y5ue01OGLBn2/iHYrrXKe4QRcb2uu8eV8.svg https://web.dev/vitals/
ユーザーの応答性
100msでGood
300msでPoor
ユーザーがアクション(クリックやタップ)をしてから反応するまでの時間を100ミリ秒以下にしよう
コンテンツが読み込まれ、読めるようになってから、アクションできまでの時間を短くしよう
読めるけど、スクロールできない、みたいな状態がユーザーにとってストレス
改善ポイント
そもそも読み込まれてるJSを検討
defer/asyncなどの読み込み方の改善
code splitする
plyfillの利用を控える
使われていないJSを削る
WebWorkerを使う